.left-menu {
    position: fixed;
    right: 1.9792vw;
    bottom: 7.1354vw;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 0.0521vw solid #E6E6E6;
    z-index: 999;
}

.left-menu .left-menu-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6042vw;
    height: 2.6042vw;
    cursor: pointer;
    transition: all .3666s;
    border-bottom: 0.0521vw solid #E6E6E6;
}

.left-menu .left-menu-item .left-menu-item-box,
.left-menu .left-menu-item .qr-con {
    padding: 0.5208vw;
    position: absolute;
    left: 0;
    width: 6.875vw;
    height: auto;
    background-color: #fff;
    border: 1px solid #bfbfbf;
    transform: translate(-100%, 5.625vw);
    opacity: 0;
    z-index: -1;
    transition: all .366s;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.left-menu .left-menu-item .qr-con {
    height: 6.875vw;
}

.left-menu .left-menu-item .qr-con img {
	width:100%;
	height:100%;
}
.left-menu .left-menu-item .left-menu-item-box {
    top: 0;
    width: auto;
}

.left-menu .left-menu-item .left-menu-item-box .left-menu-item-box-item {
    white-space: nowrap;
    height: 2.0833vw;
    display: flex;
    align-items: center;
    transition: all .366s;
    border-bottom: 1px solid #bfbfbf;
    color:#000;
}

.left-menu .left-menu-item .left-menu-item-box .left-menu-item-box-item:last-child {
    border-bottom: none;
}

.left-menu .left-menu-item .left-menu-item-box .left-menu-item-box-item:hover {
    white-space: nowrap;
    height: 2.0833vw;
    display: flex;
    align-items: center;
    transition: all .366s;
}

.left-menu .left-menu-item:hover .qr-con,
.left-menu .left-menu-item:hover .left-menu-item-box {
    transform: translate(-100%, 0);
    opacity: 1;
    z-index: 1;
}

.left-menu .left-menu-item:last-child {
    border-bottom: none
}

.left-menu .left-menu-item .iconfont {
    color: #666666;
    font-size: 3.0417vh;
    transition: color .3666s;
}

.left-menu .left-menu-item:hover {
    background-color: #02BAB4;
}

.left-menu .left-menu-item:hover .iconfont {
    color: #fff;
}


#pageination {
    margin-bottom: 5.9896vw;
    height: 3.8125vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.7292vh;
}

#pageination a {
    color: #fff;
}

#pageination div:not(.con-page) {
    cursor: pointer;
    transition: color .366s;
}

#pageination div:not(.con-page):hover,
#pageination .page-item.active {
    color: #02BAB4;
}

#pageination .page-last-text {
    margin-right: 1.0417vw;
}

#pageination .page-last-btn {}

#pageination .page-next-btn {}

#pageination .page-last-btn,
#pageination .page-next-btn {
    margin: 0.6771vw;
    padding: 0.2813vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #C9C9C9;
    border: 1px solid #C9C9C9;
    transition: all .366s;
}

#pageination .page-last-btn:hover,
#pageination .page-next-btn:hover {
    border-color: #02BAB4;
    background-color: #02BAB4;
    color: #fff !important;
}

#pageination .con-page {
    display: flex;
    height: 100%;
    align-items: center;
}

#pageination .con-page .page-item {
    margin: 0 1.625vw;
    width: 1.0417vw;
    height: 1.0417vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

#pageination .con-page .page-item:nth-of-type(n + 6):not(:last-child) {
    display: none;
}

#pageination .con-page .page-ellipsis {
    position: relative;
    margin: 0 1.0417vw;
}

#pageination .con-page .page-ellipsis .page-ellipsis-pop {
    position: absolute;
    top: -0.5208vw;
    left: 50%;
    transform: translate(-50%, -100%);
    background-color: #fff;
    opacity: 0;
    z-index: -1;
    transition: all .366s;
}

#pageination .con-page .page-ellipsis:hover .page-ellipsis-pop {
    opacity: 1;
    z-index: 99;
}


#pageination .con-page .page-ellipsis .page-ellipsis-pop .page-ellipsis-pop-box {
    display: flex;
    width: 100%;
    height: 100%;
}

#pageination .con-page .page-ellipsis .page-ellipsis-pop .page-ellipsis-pop-box .page-ellipsis-item {
    padding: 1.0417vw 2.0833vw;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    transition: all .366s;
    height: 100%;
}

#pageination .page-ellipsis-pop-box .page-ellipsis-item:hover,
#pageination .page-ellipsis-pop-box .page-ellipsis-item.active {
    color: #fff !important;
    background-color: #02BAB4 !important;

}

input {
    padding-left: 0.5208vw;
    color: #fff;
    border: none;
}

.con-select {
    position: relative;
    width: 30.2083vw !important;

    height: 2.3438vw;
    background-color: #414556;
    border-radius: 0.2604vw;
    overflow: hidden;
}

.con-select select {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0.5208vw;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #414556;
    color: #fff;
    border: none;
    cursor: pointer;
}

@media screen and (max-width :1024px) {

    .header .hd_title,
    .header .line {
        display: none;
    }
}